import React from 'react'
import Todo from './Todo'

const TodoList = ({ todos, onTodoClick, onTodoDoubleClick, onDel }) => {
  return (
    <ul>
      {todos.map(todo =>
        <Todo
          key={todo.id}
          {...todo}
          onClick={() => onTodoClick(todo.id)}
          onDoubleClick={() => onTodoDoubleClick(todo) }
          todoID = {todo.id}
        />
      )}
    </ul>
  )
}

export default TodoList
